<div class="contract-rent-bill-view">
  <form class="form-horizontal al-search-container" role="form">
    <div class="form-group">
      <label class="col-sm-1 control-label">状态</label>
        <div class="col-sm-3">
            <nobr>
                <label class="ui-radio">
                    <input name="status" ng-value="1" type="radio" ng-model="search.status" ng-disabled="search.filterType">
                    <span>未付款</span>
                </label>
            </nobr>
            <nobr>
                <label class="ui-radio">
                    <input name="status" ng-value="2" type="radio" ng-model="search.status" ng-disabled="search.filterType">
                    <span>已付款</span>
                </label>
            </nobr>
        </div>
      <label class="col-sm-1 control-label">收款日期</label>
      <div class="col-sm-2">
        <div class="input-group">
          <input class="form-control" type="text" uib-datepicker-popup="yyyy-MM-dd"
                 ng-model="search.payTimeStart" is-open="enterStart" maxlength="10"
                 close-text="关闭" current-text="今天" clear-text="清空" ng-disabled="search.filterType"
                 placeholder=""/>
          <span class="input-group-btn">
                <button type="button" class="btn btn-default" ng-click="enterStart=true"
                        ng-disabled="search.filterType">
                  <i class="glyphicon glyphicon-calendar"></i>
                </button>
              </span>
        </div>
      </div>
      <label class="control-label text-center al-fl-lt">&nbsp;&nbsp;~&nbsp;&nbsp;</label>
      <div class="col-sm-2">
        <div class="input-group">
          <input class="form-control" type="text" uib-datepicker-popup="yyyy-MM-dd"
                 ng-model="search.payTimeEnd" is-open="enterEnd" maxlength="10"
                 close-text="关闭" current-text="今天" clear-text="清空" ng-disabled="search.filterType"
                 placeholder=""/>
          <span class="input-group-btn">
                <button type="button" class="btn btn-default" ng-click="enterEnd=true" ng-disabled="search.filterType">
                  <i class="glyphicon glyphicon-calendar"></i>
                </button>
              </span>
        </div>
      </div>
        <div class="col-sm-1">
            <button type="button" ng-click="queryData()" class="btn btn-success al-float-right">查询</button>
        </div>
        <div class="col-sm-1">
            <button type="button" ng-click="resetSearch()" class="btn btn-default">重置</button>
        </div>
    </div>
  </form>
  <table ng-table="tableParams"
         class="table  table-bordered table-striped table-condensed al-table-container">
    <thead>
    <tr>
        <td>账单号</td>
        <td>账单明细</td>
        <td>公寓</td>
        <td>房间号</td>
        <td>付款方式</td>
        <td>月租金</td>
        <td>总金额</td>
        <td>租客</td>
        <td>手机号</td>
        <td>租金周期</td>
        <td>付款日期</td>
        <td>状态</td>
        <td>操作</td>
    </tr>
    </thead>
    <tbody>
    <tr ng-repeat="item in $data">
      <td>{{item.uuid}}</td>
        <td>{{item.content}}</td>
      <td>{{item.apartmentName}}</td>
      <td>{{item.houseNo}}</td>
      <td>{{item.payWayName}}</td>
      <td>{{item.rental}}</td>
      <td>{{item.money}}</td>
      <td>{{item.customerName}}</td>
        <td>{{item.customerPhone}}</td>
      <td>{{item.startTime|dateTransfer:'YYYY-MM-DD'}}&nbsp;&nbsp;~&nbsp;&nbsp;{{item.endTime|dateTransfer:'YYYY-MM-DD'}}</td>
      <td>{{item.payTime|dateTransfer:'YYYY-MM-DD'}}</td>
      <td>{{item.statusName}}</td>
      <td>
        <button class="btn btn-warning btn-sm"
                ng-if="needWarn(item)"
                ng-confirm-click="{{warnSMS(item)}}"
                ng-click="warnBill(item)">催款
        </button>
        <button class="btn btn-primary btn-sm" ng-if="item.status==1"
                ng-click="payBill(item)">收款
        </button>
      </td>
    </tr>
    </tbody>
  </table>
</div>